.table {
  background: #fff;
  width: 100%;
  height: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  font-size: 14px;
  .tbody {
    display: inline-flex;
    display: -webkit-inline-box;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
    height: e('calc(100% - 35px)');
    .tr {
      &:nth-of-type(even) {
        background: #efeff0;
      }
      &:hover,
      &:focus,
      &:active {
        box-shadow: 0px 0px 10px 1px #ccc;
        transform: scale(1);
      }
    }
  }
  .thead {
    .tr {
      background: #ddd;
    }
  }
  .tr {
    display: inline-flex;
    display: -webkit-inline-box;
    border-bottom: 1px solid #eee;
  }
  .th {
    font-weight: 600;
  }
  .td,
  .th {
    @height: 2.5em;
    text-align: center;
    height: @height;
    line-height: @height;
    color: #666;
    border-right: 1px solid #eee;
  }
}
